﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8" />
	<title>易买网 - 首页</title>
	<link type="text/css" rel="stylesheet" th:href="@{/css/style.css}" />
	<script type="text/javascript" th:src="@{/scripts/function.js}"></script>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type = "text/javascript">
		$("a[disabled]").removeAttribute("href");
	</script>
</head>
<body>
<div id="header" class="wrap">
	<div id="logo"><img th:src="@{/images/logo.gif}" /></div>
	<div class="help"><a href="#" class="shopping">购物车</a><a href="login.html">登录</a><a href="register.html">注册</a><a href="guestbook.html">留言</a></div>
	<div class="navbar">
		<ul class="clearfix">
			<li class="current"><a href="#">首页</a></li>
			<li><a href="#">图书</a></li>
			<li><a href="#">百货</a></li>
			<li><a href="#">品牌</a></li>
			<li><a href="#">促销</a></li>
		</ul>
	</div>
</div>
<div id="childNav">
	<div class="wrap">
		<ul class="clearfix">
			<li class="first"><a href="#">音乐</a></li>
			<li><a href="#">影视</a></li>
			<li><a href="#">少儿</a></li>
			<li><a href="#">动漫</a></li>
			<li><a href="#">小说</a></li>
			<li><a href="#">外语</a></li>
			<li><a href="#">数码相机</a></li>
			<li><a href="#">笔记本</a></li>
			<li class="last"><a href="#">Investor Relations</a></li>
		</ul>
	</div>
</div>
<div id="main" class="wrap">
	<div class="lefter">
		<div class="box" th:include="category::category">
			<!--<h2>商品分类</h2>
			<dl th:each="big : ${session.cateMap['bigs']}">
				<dt th:text="${big.epcName}">图书音像</dt>
				<dd th:each="small : ${session.cateMap['small']}" th:if="${big.epcId==small.epcParentId}">
					<a th:href="@{/product_category/detail(epcId=${small.epcId})}" th:text="${small.epcName}" >图书</a>
				</dd>
			</dl>-->
		</div>
		<div class="spacer"></div>
		<div class="last-view">
			<h2>最近浏览</h2>
			<dl class="clearfix">
				<dt><img th:src="@{/images/product/0_tiny.gif}" /></dt>
				<dd><a href="product-view.html">法国德菲丝松露精品巧克力500g/盒</a></dd>
				<dt><img th:src="@{/images/product/0_tiny.gif}" /></dt>
				<dd><a href="product-view.html">法国德菲丝松露精品巧克力500g/盒</a></dd>
			</dl>
		</div>
	</div>
	<div class="main">
		<div class="price-off">
			<h2>商品列表</h2>
			<ul class="product clearfix">
				<li th:each="product : ${productPage.getRecords()}">
					<dl>
						<dt>
							<!--product-view.html-->
							<a th:href="@{/product/detail(epId=${product.epId})}"target="_blank"><img th:src="@{'/images/product/'+${product.epFileName}}" />商品图片</a></dt>
						<dd class="title">
							<a th:href="@{/product/detail(epId=${product.epId})}" target="_blank" th:text="${product.epName}">商品名字</a></dd>
						<dd class="price" th:text="'￥' + ${product.epPrice}">商品价格</dd>
					</dl>
				</li>

			</ul>

			<div class="pager">

				<ul class="clearfix">
					<!--上一页： th:href="@{front/index?prize=当前页-1}"-->
					<li>
						<a 	 th:disabled="${productPage.getCurrent()==1?'true':'false'}"
							   th:style="${productPage.getCurrent()==1?'cursor:no-drop':'auto'}"
							   th:href="@{/index/front(psize=${productPage.getCurrent()>1?productPage.getCurrent()-1:1})}">
							上一页
						</a>
					</li>

					<li th:class="${num==productPage.getCurrent()?'current':''}"
						th:each="num:${#numbers.sequence(1,productPage.getPages())}" >
						<a th:href="@{/index/front(psize=${num})}" th:text="${num}"></a>
					</li>

					<li>
						<a 	 th:disabled="${productPage.getCurrent()==productPage.getPages()?'true':'false'}"
							   th:style="${productPage.getCurrent()==productPage.getPages()?'cursor:no-drop':'auto'}"
							   th:href="@{/index/front(psize=${productPage.getCurrent()<productPage.getPages()?
							   productPage.getCurrent+1:productPage.getPages()})}">
							下一页</a>
					</li>

				</ul>
			</div>

		</div>

		<div class="side">
			<div class="spacer"></div>
			<div class="news-list">
				<h4>新闻动态</h4>
				<ul>
					<li th:each="news : ${newsPage.getRecords()}">
						<a href="news-view.html" target="_blank" th:text="${news.enTitle}"></a>
					</li>
				</ul>

			</div>
		</div>
	</div>

	<div class="clear"></div>
</div>

<div id="footer">
	Copyright &copy; 2016 湖南软测信息技术有限公司 All Rights Reserved. 湘ICP证1001号
</div>

</body>
</html>
